<template>
  <a-layout>
    <a-layout-sider width="200" style="background: #fff">
      <a-menu
              v-model:selectedKeys="selectedKeys2"
              v-model:openKeys="openKeys"
              mode="inline"
              :style="{ height: '100%', borderRight: 0 }"
      >
        <a-sub-menu key="sub1">
          <template #title>
              <span>
                <user-outlined />
                商家管理
              </span>
          </template>
          <a-menu-item key="1">option1</a-menu-item>
          <a-menu-item key="2">option2</a-menu-item>
          <a-menu-item key="3">option3</a-menu-item>
          <a-menu-item key="4">option4</a-menu-item>
        </a-sub-menu>
        <a-sub-menu key="sub2">
          <template #title>
              <span>
                <laptop-outlined />
                商品管理
              </span>
          </template>
          <a-menu-item key="/admin/manager">
            <router-link to="/admin/manager">品牌管理</router-link>
          </a-menu-item>
          <a-menu-item key="/admin/specification">
            <router-link to="/admin/specification">规格管理</router-link>
          </a-menu-item>
          <a-menu-item key="/admin/typetemlate">
            <router-link to="/admin/typetemlate">模板管理</router-link>
          </a-menu-item>
          <a-menu-item key="/admin/item">
            <router-link to="/admin/item">分类管理</router-link>
          </a-menu-item>
          <a-menu-item key="9">
            商品审核
          </a-menu-item>
        </a-sub-menu>
        <a-sub-menu key="sub3">
          <template #title>
              <span>
                <notification-outlined />
                广告管理
              </span>
          </template>
          <a-menu-item key="/admin/contentcate">
            <router-link to="/admin/contentcate">广告类别</router-link>
          </a-menu-item>
          <a-menu-item key="/admin/content">
            <router-link to="/admin/content">广告内容</router-link>
          </a-menu-item>
        </a-sub-menu>
      </a-menu>
    </a-layout-sider>
    <a-layout style="padding: 0 24px 24px">
      <a-layout-content
              :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '280px' }"
      >
        首页
      </a-layout-content>

    </a-layout>
  </a-layout>
</template>

<script lang="ts">
  import { defineComponent } from 'vue';
  import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src

  export default defineComponent({
    name: 'Home',
    components: {
      HelloWorld,
    },
  });
</script>
